<template>
    <div class="gerenzhongxin">
    	 <div class="geren-top">
         <router-link to='/'>
	        <span class="geren-left"><img v-bind:src="imga"/></span>
        </router-link>
	        <span class="geren-center">{{find}}</span>
	        <span class="geren-right"><img v-bind:src="imgb"/></span>
    	</div>
    	<div class="geren-box">
	    	<div class="geren-warp">
            <router-link to='/sign_in'>
	    		<img v-bind:src='warp'>
            </router-link>
	    		<h2>{{text}}</h2>
	    	</div>
	    </div>
	    <div class="geren-wode">
    		<ul>
    			<li v-for="info in infos">
    			{{info.text}}
    			<a href="#">{{info.name}}</a>
    			</li>
    		</ul>
	    </div>
	    <div class="geren-libao">
	    	<h2>{{niYou}}<span>{{libao}}</span>{{libao1}}</h2>
	    	<h1><img src="../assets/img/shezhi-warp.png"></h1>
	    </div>
	    <div class="geren-liebiao">
	    	<ul>
	    		<li v-for="item in items">
	    			{{item.text}}
	    			<h1><img src="../assets/img/shezhi-warp.png"></h1>
	    		</li>
	    	</ul>
	    </div>
	    <div class="geren-gengduo">
	    	<h2>{{llow}}</h2>
	    </div>
	    <div class="geren-footer">
	    	<ul>
	    		<li v-for='look in looks'><img v-bind:src='look.img'><a href="#">{{look.text}}</a></li>
	    	</ul>
	    </div>
    </div>
</template>

<script>
export default {
  name: 'gerenzhongxin',
  data () {
    return {
    	imga:"../static/img/top-left.png",
    	imgb:"../static/img/geren-xinxi.png",
    	find:"个人中心",
    	warp:'../static/img/geren-renwu.png',
    	text:'登陆 / 注册',
    	niYou:'你有一份',
    	libao1:'未领取，点击领取',
    	libao:'超值大礼包',
    	llow:'更多装修资源',
    	infos:[
    		{text:'0',name:'我的收藏'},
    		{text:'0',name:'我的预约'},
    		{text:'0',name:'我的关注'},
    		{text:'0',name:'我的金币'}
    	],
    	items:[
    		{text:'我的订单'},
    		{text:'金币商城'},
    		{text:'我的晒家'},
    		{text:'我的报价'},
    		{text:'礼品中心'},
    		{text:'更多设置'},
    	],
    	looks:[
    		{img:'../static/img/geren-footer1.png',text:'微信号'},
    		{img:'../static/img/geren-footer2.png',text:'用户交流群'},
    		{img:'../static/img/geren-footer3.png',text:'齐家app'},
    		{img:'../static/img/geren-footer4.png'},
    	]
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/gerenzhongxin.less);
</style>